<!DOCTYPE html>
<html lang="zh">
<!--html,启动!-->

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--网站标题-->
    <title>
        搜索 - 地区天气
    </title>
    <!--网站LOGO位置-->
    <link rel="icon" href="favicon.ico">
    <!-- jQuery -->
    <script src="./env/jquery.min.js"></script><!--URL换成你网址-->
    <!-- 引入样式 -->
    <link rel="stylesheet" type="text/css" href="./css/style_otherweather.css">
    <link rel="stylesheet" type="text/css" href="./css/font.css">
    <link rel="stylesheet" type="text/css" href="./css/loading.css">
    <link rel="stylesheet" type="text/css" href="./css/mobile.css">
    <link rel="stylesheet" type="text/css" href="./css/animation.css">
    <!-- Izitoast -->
    <link rel="stylesheet" href="./env/iziToast.min.css"><!--URL换成你网址-->
    <script type="text/javascript" src="./env/iziToast.min.js"></script><!--URL换成你网址-->
    <!-- IE Out -->
    <script>
        if ( /*@cc_on!@*/ false || (!!window.MSInputMethodContext && !!document.documentMode)) window.location.href =
            "https://www.microsoft.com/zh-cn/edge/download" + encodeURIComponent(window.location
                .href);
    </script>
</head>

<body>
    <!--加载动画-->
    <div id="loading-box">
        <div class="loading-left-bg"></div>
        <div class="loading-right-bg"></div>
        <div class="spinner-box">
            <div class="loader">
                <div class="inner one"></div>
                <div class="inner two"></div>
                <div class="inner three"></div>
            </div>
            <div class="loading-word">
                <!--加载显示-->
                <p class="loading-title">心搜索</p><!--加载标题-->
                <span id="loading-text">正在为您打开多彩的世界...</span><!--加载文案-->
            </div>
        </div>
    </div>
    <!-- 背景图片 -->
    <div class="bg-all">
        <img id="bg" onerror="this.classList.add('error');"></img>
        <div class="cover"></div>
    </div>
    <!-- 主体内容 -->
    <section id="section" class="section">
        <div id="content">
            <div class="con">
                <!-- 时间天气 -->
                <div class="tool-all">
                    <div class="time">
                        <span id="time_text">00<span id="point">:</span>00</span>
                        <span id="day">0&nbsp;月&nbsp;00&nbsp;日&nbsp;周一</span>
                        <p> ↑点击时间，查看搜索地区天气，再次点击可以收起↑ </p>
                        <p> 当前显示地区: <span id="wea_locEn"> 暂无 </span> </p>
                    </div>
                </div>
                <!-- 搜索框 -->
                <div class="close_sou"></div>
                <div class="sou">
                    <form class="cityname">
                        <div class="all-search">
                            <input class="cityname" type="text" name="cityname" placeholder="查询天气？ 输入搜索！"
                                autocomplete="off"><!--搜索框文案-->
                            <p>搜索请注意:搜索天气时，仅输入地区名即可，不用加 <b>市、区</b> 等词</p>
                            <div class="weather-button">
                                <div class="weather-button">
                                    <i id="icon-sou" class="iconfont icon-sousuo"></i>
                                </div>
                            </div>
                        </div>
                        <input type="submit" id="search-submit" style="display: none;">
                    </form>
                </div>
                <!-- 书签页 -->
                <div class="mark" style="display: none;">
                    <div class="weather">
                        <center>
                            <p>更新时间：&nbsp; <span id="date">XXXX年XX月XX日</span> <span id="wea_all_upd_time">--:--</span>
                                <span id="theweek">星期X</span> &nbsp; <span id="wea_loc"> XX 市/区</span>
                            </p>
                            <p>当前温度: &nbsp; <span id="wea_nowtem">-- C°</span> 今日温度： &nbsp; <span id="tem1">--</span> C°
                                ~ <span id="tem2">--</span> C°</p>
                            <p>风/能见度等情况： &nbsp; <span id="win">--</span> <span id="win_lev">--级</span> 修压： <span
                                    id="pressure">----</span> hpa &nbsp; 能见度: <span id="vis">--KM<span id="vis"></span>
                            </p>
                            <p>空气质量信息: &nbsp; 更新时间:
                                <span id="aqi_updt">--:--</span>
                                空气质量: <span id="aqi_level"> X
                                </span> 建议: <span id="aqi_masks_adv"> 暂无 </span> &nbsp; <span id="aqi_sports_adv"> 暂无
                                </span> &nbsp; <span id="aqi_outdoor_adv"> 暂无 </span> &nbsp; <span
                                    id="aqi_openwindow_adv"> 暂无 </span>
                            </p>
                            <p>↓其他信息↓</p>
                            <p><span id="alarm_content"> 暂无 </span></p>
                            <hr />
                            <a href="./index.html"> >返回首页< </a> &nbsp;&nbsp; <a href="./weather.html"> >查询本地天气< </a>
                        </center>
                    </div>
                    <!--预留天气返回-->
                </div>
                <!-- 设置图标 -->
                <div id="menu">
                    <i id="icon-menu" class="iconfont icon-shezhi"></i>
                </div>
                <!-- 设置页 -->
                <div class="set" style="display: none;">
                    <div class="tabs">
                        <div class="tab-items actives">背景图片</div>
                    </div>
                    <div class="contents productss">
                        <!-- 背景图片设置 -->
                        <div class="mainConts">
                            <div class="set_blocks">
                                <div class="set_tip">
                                    <span class="set_text mobile">点击下方选项以切换壁纸，使用除默认壁纸以外的选项可能会导致页面载入缓慢</span>
                                    <span class="set_text mobile">不建议使用以主色调为白色的壁纸，会导致本站部分元素无法辨认</span>
                                    <span class="set_text" id="wallpaper_text">请点击选项以查看各项说明，高亮项为选中，选中后刷新页面以生效</span>
                                </div>
                                <div class="set_blocks_content">
                                    <div class="from_container">
                                        <div class="froms">
                                            <div class="from_row">
                                                <div class="from_row_content">
                                                    <div id="wallpaper">
                                                        <div class="form-radio">
                                                            <input type="radio" id="radio1" class="set-wallpaper"
                                                                name="wallpaper-type" value="1" style="display: none;">
                                                            <label class="form-radio-label" for="radio1">
                                                                本地壁纸
                                                            </label>
                                                        </div>
                                                        <div class="form-radio">
                                                            <input type="radio" id="radio2" class="set-wallpaper"
                                                                name="wallpaper-type" value="2" style="display: none;">
                                                            <label class="form-radio-label" for="radio2">
                                                                双端二次元随机图片
                                                            </label>
                                                        </div>
                                                        <div class="form-radio">
                                                            <input type="radio" id="radio3" class="set-wallpaper"
                                                                name="wallpaper-type" value="3" style="display: none;">
                                                            <label class="form-radio-label" for="radio3">
                                                                随机二次元背景图
                                                            </label>
                                                        </div>
                                                        <div class="form-radio">
                                                            <input type="radio" id="radio4" class="set-wallpaper"
                                                                name="wallpaper-type" value="4" style="display: none;">
                                                            <label class="form-radio-label" for="radio4">
                                                                随机二次元图片
                                                            </label>
                                                        </div>
                                                        <div class="form-radio mobile">
                                                            <input type="radio" id="radio5"
                                                                class="set-wallpaper wallpaper-custom"
                                                                name="wallpaper-type" value="5" style="display: none;">
                                                            <label class="form-radio-label" for="radio5">
                                                                自定义壁纸
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>
                                            <div id="wallpaper_url" style="display: none;">
                                                <div class="from_row">
                                                    <div class="from_items">
                                                        <input type="text" name="wallpaper-url" id="wallpaper-url"
                                                            placeholder="以 https 或 http 开头的 URL" autocomplete="off">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="from_items button" id="wallpaper-button" style="display: none;">
                                        <div class="wallpaper_save">保存</div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <!-- 页脚文字 -->
        <div class="foot">
            <!--版权信息-->
            <div class="foot">
                <!--版权信息-->
                <div class="power">
                    Copyright <a href="https://gitee.com/caiji_top/cnavigation">不会打王者の菜鸡 &nbsp;&copy;&nbsp; 2022
                    <!--从XX年->今年-->
                    <script>
                        document.write(' - ' + (new Date()).getFullYear())
                    </script>
                    实践项目特供版本
                    <!--备案号-->
                    ICP&nbsp;Number:&nbsp;<a href="备案链接" target="_blank">备案号</a>
                </div>
            </div>
        </div>
    </section>
    <!-- 主体内容结束 -->
    <!-- noscript -->
    <noscript>
        <div class="noscript fixed-top">请开启 JavaScript</div>
    </noscript>
    <!-- JS -->
    <script type="text/javascript" src="./js/config_main.js"></script>
    <script type="text/javascript" src="./js/config_gobal.js"></script>
    <script type="text/javascript" src="./js/js.cookie.js"></script>
</body>
<!--Html,关闭!-->

</html>